<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{env('APP_NAME')}} - 登录</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/static/admin/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/admin/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="/static/admin/layuiadmin/style/login.css" media="all">
    <style>
        .layui-input-block {
            margin-left: 0px;
        }
        .layui-input-block input[type=text], .layui-input-block input[type=password]{
            line-height: 40px;
            height: 40px;
        }
    </style>
</head>
<body class="login-bg">

<div class="login">
    <div class="message">{{env('APP_NAME')}}</div>
    <div id="darkbannerwrap"></div>

    <form action="{{route('admin.login')}}" method="post" class="layui-form" >
        {{csrf_field()}}
        <div class="layui-form-item">
            <div class="layui-input-block">
                <input name="username" placeholder="用户名" value="{{old('username')}}" type="text" lay-verify="required" class="layui-input" >
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block layui-row">
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md8">
                    <input type="text" class="layui-input" name="captcha" lay-verify="required" placeholder="验证码">
                </div>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                    {!! captcha_img('zu') !!}
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <input class="loginin" value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
            </div>
        </div>
    </form>
</div>

<script src="/static/admin/layuiadmin/layui/layui.js"></script>
<script type="text/javascript">
    layui.extend({
        base: '/static/admin/layuiadmin/'
    });
    layui.use(['layer', 'form'], function(){
        var layer = layui.layer;

        //表单提示信息
        @if(count($errors)>0)
        @foreach($errors->all() as $error)
        layer.msg("{{$error}}",{icon:5});
        @break
        @endforeach
        @endif

        //正确提示
        @if(session('success'))
        layer.msg("{{session('success')}}",{icon:6});
        @endif
    });
</script>
<!-- 底部结束 -->
</body>
</html>